<!-- HolandeAnalysisDetail_frame.html -->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>霍兰德职业倾向分析</title>
		<link rel="stylesheet" href="../../css/base.css"/>
		<link rel="stylesheet" href="../../css/CFNetPP_Base.css">
		<style type="text/css">
			p{
				margin: 0;
			}
			.detail-content-div{
				margin-bottom: 8px;
				padding: 10px;
				background-color: white;
			}
			.tag-span{
				height: 14px;
				width: 3px;
				background-color: #d73744;
				margin-right: 6px;
			}
			.top-title{
				font-size: 18px;
				color: #d73744;
			}
			.content-title{
				margin-top: 10px;
				font-size: 14px;
				color: #d73744;
			}
			.content-detail{
				margin-top: 10px;
				font-size: 14px;
				line-height: 18px;
				color: #333;
				word-wrap:break-word;
			}
			.content-sub-detail{
				margin-top: 10px;
				font-size: 14px;
				line-height: 18px;
				text-indent: 28px;
				color: #333;
				word-wrap:break-word;
			}
		</style>
	</head>
	<body>
		<div id="content_div">
			<!-- <div class="detail-content-div">
				<p class="top-title">
					<span class="tag-span"></span>
					类型
				</p>
				<p class="content-detail">
					事业型E
				</p>
				<p class="content-title">
					您喜欢的活动
				</p>
				<p class="content-sub-detail">
					喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...喜欢领导和支配别人，通过领导...
				</p>
				<p class="content-title">
					您重视
				</p>
				<p class="content-sub-detail">
					经济和社会地位上的成功
				</p>
				<p class="content-title">
					您对职业环境的要求
				</p>
				<p class="content-sub-detail">
					说服他人或支配他人的能力，敢于承担风险，目标导向。
				</p>
			</div> -->
		</div>
	</body>
	<script type="text/javascript" src="../../script/jquery.min.js"></script>
	<script type="text/javascript" src="../../script/api.js"></script>
	<script type="text/javascript">
		apiready = function(){
			setupDetailData();
		}
		function setupDetailData(){
			var detailArr = api.pageParam;
			if (detailArr != undefined && detailArr != null && detailArr.constructor == Array && detailArr.length > 0) {
				var htmlString = '';
				for (var i = 0; i < detailArr.length; i++) {
					var detailData = detailArr[i];
					htmlString += htmlStringWithData(detailData);
				}
				$('#content_div').html(htmlString);
			}
		}
		function htmlStringWithData(data){
			return  '<div class="detail-content-div">'+
						'<p class="top-title">'+
							'<span class="tag-span"></span>'+
							'类型'+
						'</p>'+
						'<p class="content-detail">'+
							data.tit+
						'</p>'+
						'<p class="content-title">'+
							'您喜欢的活动'+
						'</p>'+
						'<p class="content-sub-detail">'+
							data.active+
						'</p>'+
						'<p class="content-title">'+
							'您重视'+
						'</p>'+
						'<p class="content-sub-detail">'+
							data.important+
						'</p>'+
						'<p class="content-title">'+
							'您对职业环境的要求'+
						'</p>'+
						'<p class="content-sub-detail">'+
							data.cont+
						'</p>'+
					'</div>';
		}
	</script>
</html>